<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>商品资料</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="viewport" content="width=device-width,minimum-scale=0.5,maximum-scale=1.0,initial-scale=1.0,user-scalable=no" />
<link rel="stylesheet" href="swiper/reset.css">
<link rel="stylesheet" href="icons/iconfont.css"/>
<link rel="stylesheet" href="css/ziliao.css" />
<link rel="stylesheet" href="swiper/swiper-3.3.1.min.css">
<link rel="stylesheet" href="swiper/animate.min.css">

</head>
<body>
<div class="outer">
	<header>
		<div class="header">
		<span class="fan">
			<i class="iconfont fanhui">&#xe619;</i>
		</span>
		商品资料
		<span class="shop_car">
			<i class="iconfont i_car">&#xe61b;</i>
			<span class="car_num">1</span>
		</span>
		</div>
	</header>
	<section>
		<div class="banner">
			<div class="swiper-container contentbg">
				<div class="swiper-wrapper content">
					<!--<div class="swiper-slide content1">
						<img src="img/test1.jpg">
					</div> -->
					<!--<div class="swiper-slide content1">
						<img src="img/test2.jpg">
					</div>
					<div class="swiper-slide content1">
						<img src="img/test3.jpg">	
					</div>-->
				</div>
				
			</div>
			<div class="swiper-pagination lunbo"></div>
		</div>
		<div class="shop_mess">
			<p>秋冬条纹显瘦棉质长袖女衬衫</p>
			<p class="ph">￥<span class="price">67.3</span><span class="yuanjia">159</span></p>
			<p><span>购买人数：</span><span class="buynumber">103</span></p>
		</div>
		
	</section>
	<footer class="footer">
		<div class="click_ck">
			查看商品详情
			<span class="ck_bg"></span>
		</div>
		<div class="tj_car">
			<input type="button" id="tj_car"/>
		</div>
	</footer>
</div>
</body>
<script src="js/jquery.js"></script>
<!--<script src="js/iscroll.js"></script>-->
<script src="swiper/zepto.js"></script>
<script src="swiper/touch.js"></script>
<script src="swiper/swiper-3.3.1.jquery.min.js"></script>
<script src="swiper/swiper.animate1.0.2.min.js"></script>
<script src="js/ziliao.js"></script>
<script> 
	function bodyScale(){
		var devicewidth=document.documentElement.clientWidth;
			var scale=devicewidth/640;
		
		document.body.style.zoom=scale;
	}
	window.onload=window.onresize=function(){
		bodyScale();
		
	var mySwiper = new Swiper ('.swiper-container', { 
		direction: 'horizontal', 
		autoplay:3000,
		loop : true,
//		freeMode:true,
		slidesPerView:2,
		centeredSlides:true,
		pagination : '.swiper-pagination',
		paginationClickable:true,
		
//		onInit: function(swiper){ //Swiper2.x的初始化是onFirstInit 		
//			swiperAnimateCache(swiper); //隐藏动画元素 		
//			swiperAnimate(swiper); //初始化完成开始动画
//		}, 
//		onSlideChangeEnd: function(swiper){
//			 swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画
//		} 
		
	})
}

</script>
</html>